@import "../mixin.styl"

//
normalBgColor = #9FD7E4
successBgColor = #A6EED2
warningBgColor = #F7F6D5
errorBgColor = #EDA3A4

.toast-box
    fixed(52px, 24px, auto, auto)
    margin 0 auto
    z-index 1000
    display inline-block
    width 300px
    overflow auto
    font-size 14px

.toast
    padding 16px 16px
    margin-bottom 4px
    color #000
    border-radius 4px

shadow(color)
    box-shadow 0 0 8px (color - 50%)

.toast-normal
    background normalBgColor
    shadow(normalBgColor)

.toast-success
    background successBgColor
    shadow(successBgColor)

.toast-warning
    background warningBgColor
    shadow(warningBgColor)

.toast-error
    background errorBgColor
    shadow(errorBgColor)
